#orderManagement {
  @include flexbox();
  @include flex-direction(column);
  height: 100%;
  background: rgba(246, 246, 246, 1);

  header {
    @include flexbox();
    height: 45px;
    line-height: 45px;
    color: #fff;
    background: linear-gradient(to right, #2fd4ac, #2fd492);

    i {
      width: 30px;
      background: url(image/icon_return.png) no-repeat center;
      background-size: 100%;
    }

    div {
      @include flex();
      padding-left: 33%;
      font-size: 18px;
    }
  }

  .nav {
    @include flexbox();
    height: 0.42rem;
    line-height: 0.42rem;
    background: #fff;

    div {
      @include flex();
      text-align: center;

      a {
        display: inline-block;
        font-size: 16px;
        color: #8d8d8d;

        b {
          font-weight: normal;
        }
      }

      &.active a {
        color: #4a3528;
        border-bottom: 1px solid #4a3528;
      }
    }
  }

  .border-8 {
    width: 100%;
    height: 8px;
    background: #F6F6F6;
  }

  .swipe {
    @include flex();
    width: 100%;
    overflow-y: scroll;

    ul.list {
      @include flex();
      width: 100%;
      overflow-y: scroll;

      li {
        padding: 10px 15px 10px 15px;
        border-top: 8px solid #F6F6F6;
        background: #fff;

        &>a {
          &>i {
            display: block;
            text-align: right;
            font-size: 15px;
            color: rgba(47, 212, 155, 0.7);
            padding-bottom: 5px;
          }

          &>div.goodsInfo {
            @include flexbox();
            padding: 10px 0;

            &>img {
              width: 56px !important;
              height: 56px !important;
              border: 1px solid rgba(223, 223, 223, 1);
            }

            &>div {
              @include flex();
              margin-left: 10px;

              &>div {
                h3 {
                  font-size: 16px;
                  font-weight: normal;
                  width: calc(100% - 50px);
                  color: rgba(0, 0, 0, 0.5);
                  overflow: hidden;
                  text-overflow: ellipsis;
                  display: -webkit-box;
                  -webkit-box-orient: vertical;
                  -webkit-line-clamp: 2;
                }

                .price {
                  font-family: Helvetaica;
                  font-size: 15px;
                  color: rgb(61, 201, 131);
                }

              }

              p {
                font-size: 14px;
                margin-top: 13px;
                color: rgb(156, 156, 156);

                b {
                  float: right;
                  padding-right: 15px;
                }
              }
            }

          }

          &>div.btns {
            padding-top: 10px;
          display: flex;
          align-items: center;
          justify-content: space-between;
          .goodsPrice {
            font-size: 13px;
            color: rgba(0, 0, 0, 0.3)
          }

          .active {
            width: 60px;
            height: 26px;
            line-height: 26px;
            border-radius: 12px;
            font-size: 12px;
            background: #2fd4ac;
            color: #fff;
            text-align: center;
          }
        }


        }

      }
    }

    .swiper-slide {
      height: auto;
    }

    .swiper-slide-active {
      height: auto;
    }

    // .allOrder {

    // }
    // .willPayment {
    // 	ul.list {
    // 		@include flex();
    // 		width: 100%;
    // 		overflow-y: scroll;
    // 		li {
    // 			padding: 10px 15px 20px 15px;
    // 			border-top: 8px solid #F6F6F6;
    // 			background: #fff;
    // 			&>a {
    // 				&>i {
    // 					display: block;
    // 					text-align: right;
    // 					font-size: 15px;
    // 					color: rgba(252,122,35,1);
    // 					padding-bottom: 5px;
    // 				}
    // 				&>div {
    // 					@include flexbox();
    // 					&>img {
    // 						width: 95px!important;
    // 						height: 90px!important;
    // 						border: 1px solid rgba(223,223,223,1);
    // 					}
    // 					&>div {
    // 						@include flex();
    // 						margin-left: 10px;
    // 						&>div {
    // 							@include flexbox();
    // 							@include justify-content(space-between);
    // 							@include align-content(center);
    // 							h3 {
    // 								font-size: 16px;
    // 								font-weight: normal;
    // 								width: calc(100% - 50px);
    // 								color: rgb(51,51,51);
    // 								overflow:hidden;
    // 								text-overflow: ellipsis;
    // 								display:-webkit-box;
    // 								-webkit-box-orient:vertical;
    // 								-webkit-line-clamp: 2;
    // 								}
    // 							.price {
    // 								font-family: Helvetaica;
    // 								font-size: 15px;
    // 								color: rgb(229,50,45);
    // 							}

    // 						}
    // 						p {
    // 							font-size: 14px;
    // 							margin-top: 13px;
    // 							color: rgb(156,156,156);
    // 							b {
    // 								float: right;
    // 								padding-right: 15px;
    // 							}
    // 						}
    // 					}

    // 				}

    // 			}

    // 		}
    // 	}
    // }
    // .willSendgoods {
    // 	ul.list {
    // 		@include flex();
    // 		width: 100%;
    // 		overflow-y: scroll;
    // 		li {
    // 			padding: 10px 15px 20px 15px;
    // 			border-top: 8px solid #F6F6F6;
    // 			background: #fff;
    // 			&>a {
    // 				&>i {
    // 					display: block;
    // 					text-align: right;
    // 					font-size: 15px;
    // 					color: rgba(252,122,35,1);
    // 					padding-bottom: 5px;
    // 				}
    // 				&>div {
    // 					@include flexbox();
    // 					&>img {
    // 						width: 95px!important;
    // 						height: 90px!important;
    // 						border: 1px solid rgba(223,223,223,1);
    // 					}
    // 					&>div {
    // 						@include flex();
    // 						margin-left: 10px;
    // 						&>div {
    // 							@include flexbox();
    // 							@include justify-content(space-between);
    // 							@include align-content(center);
    // 							h3 {
    // 								font-size: 16px;
    // 								font-weight: normal;
    // 								width: calc(100% - 50px);
    // 								color: rgb(51,51,51);
    // 								overflow:hidden;
    // 								text-overflow: ellipsis;
    // 								display:-webkit-box;
    // 								-webkit-box-orient:vertical;
    // 								-webkit-line-clamp: 2;
    // 								}
    // 							.price {
    // 								font-family: Helvetaica;
    // 								font-size: 15px;
    // 								color: rgb(229,50,45);
    // 							}

    // 						}
    // 						p {
    // 							font-size: 14px;
    // 							margin-top: 13px;
    // 							color: rgb(156,156,156);
    // 							b {
    // 								float: right;
    // 								padding-right: 15px;
    // 							}
    // 						}
    // 					}

    // 				}

    // 			}

    // 		}
    // 	}
    // }
    // .willReceiving {
    // 	ul.list {
    // 		@include flex();
    // 		width: 100%;
    // 		overflow-y: scroll;
    // 		li {
    // 			padding: 10px 15px 20px 15px;
    // 			border-top: 8px solid #F6F6F6;
    // 			background: #fff;
    // 			&>a {
    // 				&>i {
    // 					display: block;
    // 					text-align: right;
    // 					font-size: 15px;
    // 					color: rgba(252,122,35,1);
    // 					padding-bottom: 5px;
    // 				}
    // 				&>div {
    // 					@include flexbox();
    // 					&>img {
    // 						width: 95px!important;
    // 						height: 90px!important;
    // 						border: 1px solid rgba(223,223,223,1);
    // 					}
    // 					&>div {
    // 						@include flex();
    // 						margin-left: 10px;
    // 						&>div {
    // 							@include flexbox();
    // 							@include justify-content(space-between);
    // 							@include align-content(center);
    // 							h3 {
    // 								font-size: 16px;
    // 								font-weight: normal;
    // 								width: calc(100% - 50px);
    // 								color: rgb(51,51,51);
    // 								overflow:hidden;
    // 								text-overflow: ellipsis;
    // 								display:-webkit-box;
    // 								-webkit-box-orient:vertical;
    // 								-webkit-line-clamp: 2;
    // 								}
    // 							.price {
    // 								font-family: Helvetaica;
    // 								font-size: 15px;
    // 								color: rgb(229,50,45);
    // 							}

    // 						}
    // 						p {
    // 							font-size: 14px;
    // 							margin-top: 13px;
    // 							color: rgb(156,156,156);
    // 							b {
    // 								float: right;
    // 								padding-right: 15px;
    // 							}
    // 						}
    // 					}

    // 				}

    // 			}

    // 		}
    // 	}
    // }

  }
}
